<template>
  <div class="practition_subject">
    <DateAreaPicker />
    <module-item
      :chartOption="chartOption"
      moduleName="房开概况"
      :rightShow="false"
    >
    </module-item>
    <module-item
      :chartOption="chartOption"
      moduleName="经济机构概况"
      :rightShow="false"
    >
    </module-item>
    <module-item
      :chartOption="chartOption"
      moduleName="从业人员概况"
      :rightShow="false"
    >
    </module-item>
  </div>
</template>

<script>
import DateAreaPicker from "../components/DateAreaPicker";
import ModuleItem from "../components/ModuleItem";

export default {
  name: "PractitionSubject",
  components: {
    DateAreaPicker,
    ModuleItem,
  },
  data() {
    return {
      chartOption: {
        gird: {
          left: 30,
          right: 40,
          bottom: 15,
          containLabel: true,
        },
        tooltip: {
          trigger: "item",
        },
        // series:null
        series: [
          // {
          //   type:'bar',
          //   data:[10,20,40,90,5,79,50,80]
          // },
          {
            type: "bar",
            data: [30, 60, 90, 90, 5, 79, 50, 80],
          },
          // {
          //   type:'line',
          //   data:[10,50,5,90,5,79,50,80]
          // },
          // {
          //   type: "pie",
          //   label: {
          //     show: true,
          //   },
          //   data: [
          //     {
          //       name: "中国",
          //       value: 10,
          //     },
          //     {
          //       name: "美国",
          //       value: 30,
          //     },
          //     {
          //       name: "1",
          //       value: 20,
          //     },
          //     {
          //       name: "2",
          //       value: 55,
          //     },
          //     {
          //       name: "4",
          //       value: 32,
          //     },
          //     {
          //       name: "5",
          //       value: 25,
          //     },
          //   ],
          // },
        ],
        xAxis: {
          data: [
            "一月",
            "二月",
            "三月",
            "四月",
            "五月",
            "六月",
            "七月",
            "八月",
          ],
          type: "category",
        },
        yAxis: [{ name: "单位:人" }],
        ktLimitShowNum: 4,
      },
    };
  },
};
</script>

<style></style>
